<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 字符串的新增方法 
    // includes(), startsWith(), endsWith()

    // includes()：返回布尔值，表示是否找到了参数字符串。  => 判断字符串中是否存在某个或某段字符
    // startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 => 判断字符串中是否以某个或某段字符开头
    // endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。  => 判断字符串中是否以某个或某段字符结尾

    // var str = "good study , day up";
    // console.log(str.includes("day")); // true
    // console.log(str.includes("Day")); // false

    // console.log(str.startsWith("g"));
    // console.log(str.startsWith("good"));
    // console.log(str.startsWith("GOOD"));
    
    // console.log(str.endsWith("p"));
    // console.log(str.endsWith("up"));


    // repeat() repeat方法返回一个新字符串，表示将原字符串重复n次。
    // console.log("*".repeat(10));


    // padStart() padEnd()   => 返回值:补全后的新字符串
    // ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。
    // padStart(len,padStr) 用于头部补全，
    // padEnd(len,padStr)   用于尾部补全。
    // 方法接收两个参数 len => 补全后的长度 ,padStr 用于补全的字符串

    // var str = "x";
    // var res = str.padStart(5,"ab"); // 刚好补全
    // console.log(res);

    // var str = "x";
    // var res = str.padEnd(5,"ab");
    // console.log(res);

    // var str = "x";
    // var res = str.padStart(6,"ab");  // 补全后长度:6  => 缺5位   用于补全的字符串: ab => 2   => 思路 5/2 => 向上取整 => 3   ababab  => 在截取前5个 => ababa
    // console.log(res);

    // var str = "x";
    // var res = str.padEnd(6,"ab");
    // console.log(res);

    // 数字时钟: 
    var date = new Date("2023-4-6 14:34:01");

    // 旧版
    // var second = date.getSeconds();
    // second = second < 10 ? "0"+second:second;

    // 新版
    // var second = date.getSeconds();  // 1 => number类型
    //     // second = String(second).padStart(2,"0");
    //     second = second.toString().padStart(2,"0");
    // console.log(second);


    // trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格
    // trimStart()  => trimLeft()的别名
    // trimEnd()    => trimRight()的别名









</script>
</html>